<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" media="all">
    <script src="../../layui/layui.js" charset="utf-8"></script>
    <script src="../../js/jquery-3.4.1.min.js" charset="utf-8"></script>
    <link rel="stylesheet" href="../../layui/formSelects-v4.css"/>
    <script src="update.js"></script>
</head>
<body>
<form class="layui-form">
    <input id="id" type="hidden" name="id" />
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">docker名称<span style="color: red">*</span></label>
        <div class="layui-input-block">
            <input type="text" style="width: 400px" name="dockerName" id="dockerName"  lay-verify="required" autocomplete="on"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item serverId">
        <label class="layui-form-label" style="width: 150px">服务器<span style="color: red">*</span></label>
        <div class="layui-input-inline" style="width: 400px">
            <input type="text" name="serverName" id="serverName" oninput="nameInput()" class="layui-input" lay-verify="required"
                   placeholder="请输入ip搜索" style="position:absolute;z-index:2;width:88%;" value="" autocomplete="off">
            <select name="serverId" placeholder="请输入ip搜索" id="serverId" lay-filter="serverId" >
            </select>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">docker界面web地址<span style="color: red">*</span></label>
        <div class="layui-input-block">
            <input type="text" style="width: 400px" name="portainerUrl" id="portainerUrl"  autocomplete="on" placeholder="http://10.121.138.101:9000" lay-verify="required"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">用户名<span style="color: red">*</span></label>
        <div class="layui-input-block">
            <input type="text" style="width: 400px" name="username" id="username"  autocomplete="on" placeholder="admin" lay-verify="required"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">密码<span style="color: red">*</span></label>
        <div class="layui-input-block">
            <input type="text" style="width: 400px" name="password" id="password" autocomplete="on" placeholder="admin123" lay-verify="required"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">docker端口号<span style="color: red">*</span></label>
        <div class="layui-input-block">
            <input type="text" style="width: 400px" id="port" name="port" lay-verify="required" autocomplete="on" placeholder="4243"
                   class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 150px">hosts配置</label>
        <div class="layui-input-block">
            <input type="hidden" id="host">
            <div id="host_id"  style="width: 400px;margin-left: 70px"></div>
        </div>
    </div>


    <div class="layui-form-item">
        <div class="layui-input-block" style="position: absolute;left: 300px">
            <button class="layui-btn" lay-submit="" lay-filter="save">提交</button>
            <button class="layui-btn"  id="close">关闭</button>
        </div>
    </div>
</form>
</body>
</html>